import BaseInput from "@/components/ProForm/BaseInput.vue";
import BaseCascader from '@/components/ProForm/BaseCascader.vue'
import BaseCheckBox from '@/components/ProForm/BaseCheckBox.vue'
import BaseColorPicker from '@/components/ProForm/BaseColorPicker.vue'
import BaseDatePicker from '@/components/ProForm/BaseDatePicker.vue'
import BaseDateTimePicker from '@/components/ProForm/BaseDateTimePicker.vue'
import BaseInputNumber from '@/components/ProForm/BaseInputNumber.vue'
import BaseRadio from '@/components/ProForm/BaseRadio.vue'
import BaseSelect from '@/components/ProForm/BaseSelect.vue'
import BaseSwitch from '@/components/ProForm/BaseSwitch.vue'
import BaseTimePicker from '@/components/ProForm/BaseTimePicker.vue'
import BaseTimeSelect from '@/components/ProForm/BaseTimeSelect.vue'
import BaseUpload from '@/components/ProForm/BaseUpload.vue'
import BaseDropdown from '@/components/ProForm/BaseDropdown.vue'



import {
    options
} from './index.js'
import {
    reactive,
    ref
} from 'vue'
export const setFormConfig = {
    formProps: { // 表单属性
        labelPosition: 'left',
        // labelWidth: 'auto',
        style: {
            display: 'flex'
        }
    },
    formItems: [{
            name: BaseInput,
            props: { // 表单项属性
                label: '搜索',
                prop: 'name',
                borderBottom: true,
            },
            // label: '姓名',
            elProps: { // 表单组件属性
                placeholder: '內容/名稱',
                clearable: true,
                style: {
                    width: '134px',
                }
            },
            value: '' // 值（可按需设置不同类型值）
        },
        {
            name: BaseSelect,
            options: options,
            props: {
                label: '狀態',
                prop: 'status'
            },
            elProps: {
                placeholder: '全部',
                clearable: true,
                multiple: false,
                style: {
                    width: '100px',
                }
            },
            value: ''
        },
        {
            name: BaseDatePicker,
            props: {
                label: '發佈日期',
                prop: 'time',
            },
            elProps: reactive({
                format: "YYYY",
                valueFormat: "YYYY-MM-DD",
                type: 'year',
                placeholder: '請選擇年份',
                startPlaceholder: "請選擇開始日期",
                endPlaceholder: "請選擇結束日期",
                clearable: true,
            }),
            value:''
        }

    ],
    rules: {

    }
}
